/*
//
// BEGIN SONGBIRD GPL
// 
// This file is part of the Songbird web player.
//
// Copyright(c) 2005-2008 POTI, Inc.
// http://songbirdnest.com
// 
// This file may be licensed under the terms of of the
// GNU General Public License Version 2 (the "GPL").
// 
// Software distributed under the License is distributed 
// on an "AS IS" basis, WITHOUT WARRANTY OF ANY KIND, either 
// express or implied. See the GPL for the specific language 
// governing rights and limitations.
//
// You should have received a copy of the GPL along with this 
// program. If not, go to http://www.gnu.org/licenses/gpl.html
// or write to the Free Software Foundation, Inc., 
// 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
// 
// END SONGBIRD GPL
//
 */

/* Extra bindings for this feather */
sb-player-volume-button {
  -moz-binding: url("chrome://badbird/content/bindings/playerControls.xml#volume-button") !important;
}


/** 
*******************************************************************************
MAIN PLAYBACK CONTROLS

Applies images and layout rules for Play/Pause, Previous (back), Next (forward).
Imported by bindings.css or directly into feathers.

*******************************************************************************
*/

/* rect( top, right, bottom, left) */

/** the sb-player-button class is used to get an image-only button
    with no borders or padding.  **/

.sb-player-button > button:focus,
.sb-player-volume-slider:focus {
	outline:none !important;
}

.sb-player-button,
.sb-player-button > .clickhold-button
{
  -moz-appearance: none !important;
  border: none !important;
  margin: 0px;
  padding: 0px;
  min-width: 0px !important;
  min-height: 0px !important;
  background-image:none !important;
  background-color:transparent;
}

.sb-player-button > button > .button-box > .button-text,
.sb-player-button > .button-box > .button-text,
.sb-player-button > button > .button-box > .button-icon,
.sb-player-button > .button-box > .button-icon
{
  margin: 0px !important;  
}

.sb-player-button:focus > button > .button-box > .button-text,
.sb-player-button > button:focus > .button-box > .button-text,
.sb-player-button:focus > .button-box > .button-text
{
  border: 0px !important;
  outline: none !important;
}

.sb-player-button .button-text {
  display:none;
}

.sb-player-volume-slider .button-box,
.sb-player-button .button-box {
  padding:0;
  margin:0;
  border:none;
}

/* The Stop Button */

.sb-player-stop-button-stop > button {
  list-style-image: url(chrome://songbird/skin/media-control-pane/button-stop.png); 
  -moz-image-region: rect(0px 53px 40px 0px);
}
.sb-player-stop-button-stop:hover > button { 
  -moz-image-region: rect(40px 53px 80px 0px);
}
.sb-player-stop-button-stop:active > button {
  -moz-image-region: rect(80px 53px 120px 0px);
}
.sb-player-stop-button-stop[disabled="true"] > button { 
  -moz-image-region: rect(120px 53px 160px 0px);
  opacity:1.0 !important;
}

/* The Prev Button */

sb-player-back-button {
  margin-left: 41px !important; 
  list-style-image: url('chrome://songbird/skin/media-control-pane/button-previous.png');
}
sb-player-back-button {
  -moz-image-region: rect(0px 38px 40px 0px);
}
sb-player-back-button:hover {
  -moz-image-region: rect(40px 38px 80px 0px);
}
sb-player-back-button:active {
  -moz-image-region: rect(80px 38px 120px 0px);
}
sb-player-back-button[disabled="true"] {
  -moz-image-region: rect(1200px 38px 160px 0px);
  opacity:1.0 !important;
}

/* The Play/Pause Button */

.sb-player-play-button-play > button,
.sb-player-playpause-button-play > button,
.sb-player-pause-button-pause > button,
.sb-player-playpause-button-pause > button {
  list-style-image: url(chrome://songbird/skin/media-control-pane/button-play-pause.png); 
  background-image:none !important;
  background-color:transparent !important;
}
  /* prevent the general [disabled="true"] rule of 0.5 opacity from layering
   * on this element (due to the widget+hbox+button combination...)
   */
  sb-player-playpause-button[disabled="true"],
  sb-player-playpause-button[disabled="true"] * {
    opacity: 1.0 !important;
  }
  /*play*/
  .sb-player-play-button-play > button,
  .sb-player-playpause-button-play > button {
    -moz-image-region: rect(0px 49px 40px 0px);
  }
  .sb-player-play-button-play:hover > button,
  .sb-player-playpause-button-play:hover > button {
    -moz-image-region: rect(40px 49px 80px 0px);
  }
  .sb-player-play-button-play:active > button,
  .sb-player-playpause-button-play:active > button {
    -moz-image-region: rect(80px 49px 120px 0px);
  }
  .sb-player-play-button-play[disabled="true"] > button,
  .sb-player-playpause-button-play[disabled="true"] > button {
    -moz-image-region: rect(120px 49px 160px 0px);
    opacity: 1.0 !important;
  }
  /*pause*/
  .sb-player-pause-button-pause > button,
  .sb-player-playpause-button-pause > button {  
    -moz-image-region: rect(0px 98px 40px 49px);
  }
  .sb-player-pause-button-pause:hover > button,
  .sb-player-playpause-button-pause:hover > button { 
    -moz-image-region: rect(40px 98px 80px 49px);
  }
  .sb-player-pause-button-pause:active > button,
  .sb-player-playpause-button-pause:active > button{
    -moz-image-region: rect(80px 98px 120px 49px);
  }
  .sb-player-pause-button-pause[disabled="true"] > button,
  .sb-player-playpause-button-pause[disabled="true"] > button { 
    -moz-image-region: rect(120px 98px 160px 49px);
    opacity: 1.0 !important;
  }


/* The Next Button */

sb-player-forward-button {
  list-style-image: url('chrome://songbird/skin/media-control-pane/button-next.png');
}
sb-player-forward-button {
  -moz-image-region: rect(0px 39px 40px 0px);
}
sb-player-forward-button:hover {
  -moz-image-region: rect(40px 39px 80px 0px);
}
sb-player-forward-button:active {
  -moz-image-region: rect(80px 39px 120px 0px);
}
sb-player-forward-button[disabled="true"] {
  -moz-image-region: rect(120px 39px 160px 0px);
  opacity:1.0 !important;
}

/* The Volume Button */

.sb-player-volume-button-volume > button {
  margin-left: 39px !important; 
  list-style-image: url(chrome://songbird/skin/media-control-pane/button-volume.png); 
  background-image:none !important;
  background-color:transparent !important;
}
  /* prevent the general [disabled="true"] rule of 0.5 opacity from layering
   * on this element (due to the widget+hbox+button combination...)
   */
  sb-player-volume-button[disabled="true"] * {
    opacity: 1.0 !important;
  }
  /*Mute*/
  .sb-player-volume-button-volume > button {
    -moz-image-region: rect(0px 97px 40px 0px);
  }
  .sb-player-volume-button-volume:hover > button {
    -moz-image-region: rect(40px 97px 80px 0px);
  }
  .sb-player-volume-button-volume:active > button {
    -moz-image-region: rect(80px 97px 120px 0px);
  }
  .sb-player-volume-button-volume[disabled="true"] > button {
    -moz-image-region: rect(120px 97px 160px 0px);
    opacity: 1.0 !important;
  }
